<div class="col-sm-12 col-md-12" >
 

    <div class="row">
        <div class="col-sm-6 col-md-6">
            <div map ready="mapReady($api , $config)" options="option" style="width: 100%; height: 300px;"></div>
        </div>
        <div class="col-sm-6 col-md-6">
            <iframe load-frame="{{resultPath}}/ThunderChart3/chart/jsp/chart.jsp?file=m1&param={year:'2014',org:'{{org}}'}" frameborder="0" border="0" width="100%" height="300"></iframe>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 col-md-6">
            <iframe load-frame="{{resultPath}}/ThunderChart3/chart/jsp/chart.jsp?file=m2&param={year:'2014',org:'{{org}}'}" frameborder="0" border="0" width="100%" height="300"></iframe>
        </div>
        <div class="col-sm-6 col-md-6">
            <iframe load-frame="{{resultPath}}/ThunderChart3/chart/jsp/chart.jsp?file=m3&param={year:'2014',org:'{{org}}'}" frameborder="0" border="0" width="100%" height="300"></iframe>
        </div>
    </div>
</div>

 